<!DOCTYPE html>
<html>

	<head>

		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">

		<title>认证信息</title>
		<meta name="keywords" content="">
		<meta name="description" content="">

		<link rel="shortcut icon" href="favicon.ico">
		<link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
		<link href="css/font-awesome.css?v=4.4.0" rel="stylesheet">
		<link href="css/plugins/footable/footable.core.css" rel="stylesheet">

		<link href="css/animate.css" rel="stylesheet">
		<link href="css/style.css?v=4.1.0" rel="stylesheet">
		<link rel="stylesheet" href="css/page.css" />
        <link href="css/checkbox_radio.css" rel="stylesheet">
        <!--alert css-->
    	<link rel="stylesheet" type="text/css" href="css/sweetalert.css"/>
		<!-- 全局js -->
		<script src="js/jquery.min.js?v=2.1.4"></script>
		<script src="js/bootstrap.min.js?v=3.3.6"></script>
		<script src="js/plugins/footable/footable.all.min.js"></script>
		<!--alert提示款-->
    	<script type="text/javascript" src="js/sweetalert.min.js"></script>

		<!-- 分页js -->
		<script type="text/javascript" src="js/jquery.page.js"></script>

		<!-- 自定义js -->
		<script src="js/content.js?v=1.0.0"></script>
		<script>
			$(document).ready(function() {
				$('.footable').footable();
				$('.footable2').footable();
			});
			//tab
			$(function() {
				$('.w_xxtab_tit li').on('click', function() {
					//获得当前被点击的元素索引值
					var index = $(this).index();
					//给菜单添加选择样式
					$(this).addClass('jinbi_curr').siblings().removeClass('jinbi_curr');
					//显示对应的div
					$('.w_xxtaba').children('div').eq(index).show().siblings('div').hide();
				});
			});
		</script>
		<script src="js/core.js"></script>
		<script src="js/main.js"></script>
		<script src="js/tab.js"></script>

		<style>
			* {
				margin: 0;
				padding: 0;
				list-style-type: none;
			}
			
			img,
			a {
				border: 0;
			}
			
			.piccon {
				height: 75px;
				margin: 100px 0 0 50px;
			}
			
			.piccon li {
				float: left;
				padding: 0 10px;
			}
			
			#preview {
				position: absolute;
				border: 1px solid #ccc;
				background: #333;
				padding: 5px;
				display: none;
				color: #fff;
			}
		</style>
	</head>

	<body class="gray-bg">

		<div class="wrapper wrapper-content animated fadeInRight">
			<div class="row">
				<div class="col-sm-12">
					<div class="ibox float-e-margins">
						<a class="btn btn-sm btn-primary" href="javascript:history.go(-1);">返回上一页</a>
							<div >
								<span>审核员:</span>
								<text id="admin" style="color: royalblue;"></text>
								<span >审核结果:</span>
								<text id="result" style="color: royalblue;"></text>
								<span>审核时间:</span>
								<text id="time" style="color: royalblue;"></text>
							</div>
						<!--tab-->
						<div class="jg_pingjia_tab w_xxtaba" id="gallery">
							<ul class="clearfix w_xxtab_tit">
								<li class="jinbi_curr">
									<a href="javascript:void(0);">基本信息认证</a>
								</li>
								<li>
									<a href="javascript:void(0);">身份证认证</a>
								</li>

								<li>
									<a href="javascript:void(0);">银行卡认证</a>
								</li>

								<li>
									<a href="javascript:void(0);">手机通话记录</a>
								</li>
							
							</ul>
							<div class="w_ddcon">
								<div class="row">
									<div class="col-sm-6" id="phonebook">

										<div class="tab_line col-sm-12">
											<div class="col-sm-4 tab_left">姓名：</div>
											<div class="col-sm-6">
												<span id="realName"></span>
											</div>
										</div>

										<div class="tab_line col-sm-12">
											<div class="col-sm-4 tab_left">手机账号：</div>

											<div class="col-sm-6">
												<span id="phone"></span>
											</div>
										</div>
										<div class="tab_line col-sm-12">
											<div class="col-sm-4 tab_left">婚姻状况：</div>

											<div class="col-sm-6">
												<span id="marry"></span>
											</div>
										</div>
										<div class="tab_line col-sm-12">
											<div class="col-sm-4 tab_left">学历：</div>

											<div class="col-sm-6">
												<span id="study"></span>
											</div>
										</div>
										<div class="tab_line col-sm-12">
											<div class="col-sm-4 tab_left">地址：</div>

											<div class="col-sm-6">
												<span id="address"></span>
											</div>
										</div>
<!--
										<div class="tab_line col-sm-12">
											<div class="col-sm-4 tab_left">第一联系人姓名：</div>

											<div class="col-sm-6">
												<span id="fc_name"></span>
											</div>
										</div>
										<div class="tab_line col-sm-12">
											<div class="col-sm-4 tab_left">第一联系人电话：</div>

											<div class="col-sm-6">
												<span id="fc_phone"></span>
											</div>
										</div>
										<div class="tab_line col-sm-12">
											<div class="col-sm-4 tab_left">第一联系人关系：</div>
											<div class="col-sm-6">
												<span id="fc_relaction"></span>
											</div>
										</div>
										<div class="tab_line col-sm-12">
											<div class="col-sm-4 tab_left">第二联系人姓名：</div>

											<div class="col-sm-6">
												<span id="sc_name"></span>
											</div>
										</div>
										<div class="tab_line col-sm-12">
											<div class="col-sm-4 tab_left">第二联系人电话：</div>

											<div class="col-sm-6">
												<span id="sc_phone"></span>
											</div>
										</div>
										<div class="tab_line col-sm-12">
											<div class="col-sm-4 tab_left">第二联系人关系：</div>
											<div class="col-sm-6">
												<span id="sc_relation"></span>
											</div>
										</div>-->
									</div>

									<div class="col-sm-6">

									</div>

								</div>
								<div class="row">
									<div class="col-sm-6">
										<div class="col-sm-6">

										</div>

									</div>
								</div>

							</div>
                            <!--身份证认证-->
							<div class="w_ddcon" style="display:none;">
								<div class="row">
									<div class="col-sm-6">
										<div class="tab_line col-sm-12">
											<div class="col-sm-4 tab_left">姓名：</div>
											<div class="col-sm-6">
												<span id="userName"></span>
											</div>
										</div>
										<div class="tab_line col-sm-12">
											<div class="col-sm-4 tab_left">电话号码：</div>

											<div class="col-sm-6">
												<span id="phoneNumber"></span>
											</div>
										</div>
										<div class="tab_line col-sm-12">
											<div class="col-sm-4 tab_left">身份证号码：</div>

											<div class="col-sm-6">
												<span id="identityNum"></span>
											</div>
										</div>

										<div class="tab_line col-sm-12">
											<div class="col-sm-4 tab_left">认证状态：</div>

											<div class="col-sm-6">
												<span id="status" ></span>
											</div>
										</div>
										<div class="tab_line col-sm-12">
											<div class="col-sm-4 tab_left">认证时间：</div>

											<div class="col-sm-6">
												<span id="iden_gmtDatetime"></span>
											</div>
										</div>

									</div>
									<div class="col-sm-6">

									</div>

								</div>
								<div class="row">
									<div class="col-sm-6">

										<div class="tab_img row">
											<div class="col-sm-4 tab_left">身份证正面照</div>
											<div class="col-sm-8 tab_right">
												<a id="bigidentityFront" rel="" class="preview"><img id="identityFront" src="" alt="图片未上传" /></a>
											</div>
										</div>

										<div class="tab_img row">
											<div class="col-sm-4 tab_left">身份证反面照</div>
											<div class="col-sm-8 tab_right">
												<a id="bigidentityBack" rel="" class="preview"><img id="identityBack" src="" alt="图片未上传" /></a>
											</div>
										</div>

										<div class="tab_img row">
											<div class="col-sm-4 tab_left">人脸照片</div>
											<div class="col-sm-8 tab_right">
												<a id="bigfaceUrl" rel="" class="preview"><img id="faceUrl" src="" alt="图片未上传" /></a>

											</div>
										</div>

										<div class="col-sm-6">

										</div>

									</div>
								</div>
							</div>
							<!--银行卡认证-->
							<div class="w_ddcon" style="display:none;">
								<div class="row">
									<!--<div class="tab_line col-sm-12">
										<div class="col-sm-4 tab_left">银行卡名称：</div>
										<div class="col-sm-6">
											<span id="backname"></span>
										</div>
									</div>-->
									<div class="tab_line col-sm-12">
										<div class="col-sm-4 tab_left">银行卡号：</div>
										<div class="col-sm-6">
											<span id="bankcardno"></span>
										</div>
									</div>
									<div class="tab_line col-sm-12">
										<div class="col-sm-4 tab_left">持卡人姓名：</div>
										<div class="col-sm-6">
											<span id="cardname"></span>
										</div>
									</div>
									<div class="tab_line col-sm-12">
										<div class="col-sm-4 tab_left">身份证号码：</div>
										<div class="col-sm-6">
											<span id="idcardno"></span>
										</div>
									</div>
									<div class="tab_line col-sm-12">
										<div class="col-sm-4 tab_left">预留手机号：</div>
										<div class="col-sm-6">
											<span id="bankPhone"></span>
										</div>
									</div>

								</div>
							</div>
					       <!--通话记录认证-->
							<div class="w_ddcon" style="display:none;">
								<table class="table table-stripped toggle-arrow-tiny" data-page-size="8">
									<thead>
										<tr>
											<th>姓名</th>
											<th>用户手机号</th>
											<th>联系人姓名</th>
											<th>联系人电话</th>
											<th>主叫次数</th>
											<th>被叫次数</th>
											<th>开始通话时间</th>
											<th>通话地点</th>
											<th>呼叫类型</th>
											<th>费用小计</th>
										</tr>
									</thead>
									<tbody id="recordsData">
									</tbody>
									<tbody align="center">
										<tr>
											<td colspan="7">
												<div id="records"></div>
											</td>
										</tr>
									</tbody>

								</table>
							</div>
							<!--taobao-->
							<div class="w_ddcon" style="display:none;">
								<div class="row">
									<div class="tab_line col-sm-12">
										<div class="col-sm-4 tab_left">姓名：</div>
										<div class="col-sm-6">
											<span id="tb_name"></span>
										</div>
									</div>
									<div class="tab_line col-sm-12">
										<div class="col-sm-4 tab_left">电话：</div>
										<div class="col-sm-6">
											<span id="tb_phone"></span>
										</div>
									</div>
									<div class="tab_line col-sm-12">
										<div class="col-sm-4 tab_left">淘宝地址：</div>
										<div class="col-sm-6">
											<span id="tbaddress"></span>
										</div>
									</div>
									<div class="tab_line col-sm-12">
										<div class="col-sm-4 tab_left">认证状态：</div>
										<div class="col-sm-6">
											<span id="tb_status"></span>
										</div>
									</div>
								</div>
							</div>
 							<!--学信网认证-->
							<div class="w_ddcon" style="display:none;">
								<div class="row">
							    
	                            	<div class="form-group">
		                                <label class="col-sm-3 control-label">学历信息：</label>
		                                <div class="col-sm-8">
		                                    <span id="edu_detail"></span>
		                                </div>
		                            </div> 
	                            	<div class="form-group">
		                                <label class="col-sm-3 control-label">学籍信息：</label>
		                                <div class="col-sm-8">
		                                    <label id="sh_detail"></label>
		                                </div>
		                            </div> 
								   <div class="form-group">
		                                <label class="col-sm-3 control-label">认证状态：</label>
		                                <div class="col-sm-8">
		                                    <label id="eduStatus"></label>
		                                </div>
		                            </div> 
									
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
	</body>

</html>